
html { -webkit-text-size-adjust: none }
*{
	margin: 0;
	padding: 0;
	margin-block-start: 0em;
	margin-block-end: 0em;
    font-family: PingFang SC,Microsoft YaHei,Source Han Sans SC,Noto Sans CJK SC,WenQuanYi Micro Hei,sans-serif;
}

a{text-decoration-line: none !important;outline: none;cursor: pointer;}
a:hover{text-decoration: none;outline: none;}
ul li{list-style: none;}
dl dd{list-style:none  }
button{outline: none;cursor: pointer;}
input{outline: none;}
select{outline: none;}
img{ border: none;}
body{width: 1920px;position: absolute;top: 0;left: 0;right: 0;bottom: 0;overflow: hidden;}
.left{width: 610px;border-right: 10px #eaeaea solid;float: left;height: 1015px;}
.left .top{height: 60px;position: relative;background:#fafafa ;border-bottom: #eaeaea 2px solid;}
.left .top p{font-size: 26px;color: #333333;text-align: center;line-height: 60px;margin: 0px;}
.left .top a{position: absolute;right: 20px;top: 0px;line-height: 60px;font-size: 22px;color: #6abff1;cursor: pointer;}
.left .top a img{margin-bottom: 3px;height: 40px;width: 26px;}
.left .top .ma{right: 70px;}
.left .search{width: 610px;height: 75px;background: #e9e9e9;position: relative;padding-top: 1px;}
.left .search label{display: block;height: 45px;width: 570px;margin:15px 0 0 15px;background: #f5f5f6;position: relative;border-radius: 10px;}
.left label .flag{/*margin-left: 250px*/;position: absolute;left: 43%;z-index: 2;cursor: pointer;height: 42px;}
.left label span{font-size: 20px;line-height: 42px;color: #aaabae;display: block;position: absolute;left:50%;z-index: 2;}
.left label input{height: 45px;width: 570px;position: absolute;top: -2px;padding-left: 50px;/*left: 60px*/;border-width: 0px;background: #ffffff;font-size: 22px;color: #333333;line-height: 45px;}

.left .main .content {height: 800px;overflow-y: scroll;}
.left .main .content::-webkit-scrollbar {display: none;}
.left .main .content li{}
.left .main .content li a{display: block;/*height: 110px*/;width: 100%;position: relative;padding:1px 0px 0px 0px;}
.left .main .content li a:hover{background: #F7F7F7 !important;}
.left .main .content li a img{width: 80px;height: 80px;border-radius: 40px;position: absolute;left: 20px;top: 10px;}
.left .main .content li a p{font-size: 28px;color: #000000;display: block;line-height: 40px;margin:8px 25px 0px 120px;}
	    .main .content p span.message-date{color: #b8b9b9;font-size: 20px;float: right;}
	    .main .content p .name{font-size: 28px;color: #000000;display: inline-block;line-height: 40px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;width: 245px;height: 40px;}
.left .main .content li a .text{display: block;width: 480px;height: 50px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;line-height: 40px;padding-right:210px;border-bottom: 2px #f0f0f1 solid;font-size: 22px;color: #aeafaf;margin: 4px 0 0 120px; position: relative; z-index: 3}
.left .main .content li a .text p{font-size: 22px;height: 50px;color: #aeafaf;display: block;line-height: 40px;margin:0px;}
.left .main .content li a .sum{display: block;width: 30px;height: 30px;line-height: 30px;text-align: center;;color:white;background: #eb4d3d;font-size: 20px;border-radius: 15px;position: absolute;right: 30px;bottom: 20px;}
.left .main .content .the-last{height: 80px;}
.left .footer{height: 80px;width: 100%;border-top:2px #d9d9d9 solid;background: #f9f9f9;/*position: absolute;left: 0px;bottom: 0px;*/}
.left .footer ul li{float: left;}
.left .footer ul li a{display: block;width: 120px;height: 80px;position: relative;}
.left .footer ul li a img{width: 80px;height: 50px;margin: 10px 20px 0px 20px;}
.left .footer ul li a p{text-align: center;color: #a0a0a0;font-size: 16px;line-height: 16px;margin: 0px !important;}
.left .footer ul li a span{display: none;position: absolute;top: 5px;left: 60px;width: 40px;height: 30px;background: #eb4d3d;text-align: center;font-size: 18px;color: white;line-height: 30px;border-radius: 20px;}
.left .footer ul .on p{color: #7ec2ef;}
/*.left .footer ul li .in span{display: block;}*/
.left .footer > img{float: right;margin-right: 40px;cursor: pointer; }

.container-fluid { padding: 0 !important;}
.right {width: 1310px;height: 1015px;float: left;box-sizing: content-box;overflow: hidden;}
.right > div:nth-child(2) {height: 955px;;width: 1310px;}
.right > div:nth-child(2)::-webkit-scrollbar {display: none;}

/* .right {float: left; width: 1280px;margin-top: -800px; padding-left: 610px; } */
.right .top{hight: 58px;background: #fafafa;border-bottom: 2px #eaeaea solid;position: relative;}
.right .top p{text-align: center;font-size: 26px;line-height: 58px; margin: 0 !important;}
.right .top p span{display: inline-block;font-size: 26px;line-height: 58px; margin: 0 !important;}
.right .top a{position: absolute;top: -2px ;left: 10px;line-height: 60px;font-size: 22px;color: #6abff1;}
.right .top a img{;width: 25px;height: 30px;margin: 5px 5px 10px 10px;}


 .right .top .menber{;left: 90%;!important;font-size: 22px;line-height: 60px;color: #00A8F0; cursor: pointer;}

 .show {display: block !important;}

 .default-header{background:#00a5ef ;}
 .default-header button.close{opacity: 1 !important;}
 .default-header button.close span{color: #ffffff;}
 .default-title{color: #ffffff;text-align: center;}
 /*.modal-footer  .btn.btn-default{}*/
 /*.modal-footer button{;width: 294px;
     margin: 0px;
      padding: 0px;
     height: 50px;
     font-size: 24px;}*/
 .default-footer {padding: 0px;}
 .default-footer .btn+.btn {margin: 0;background: #ffffff;}
 .default-footer button{;height: 60px;width: 300px;position: absolute;bottom: 0px;left: 0px;text-align: center;font-size: 24px;line-height: 5px;color: #b5b5b5;border-top: 2px #e7e7e7 solid;border-top-left-radius: 0px !important;border-top-right-radius:0px !important;}
 .default-footer button:last-of-type{left:298px;border-left: 2px #e7e7e7 solid;background: #ffffff !important;border-color: #e7e7e7 !important; }
 .default-footer button:hover{color: #18adef !important;background: #ffffff !important;border-color: #e7e7e7 !important;}

 /* 覆盖modal样式 */
.modal-backdrop {
	width: 1920px;
	height: 1015px;
}
.ios-wrapper {
	border-radius: 10px;
	margin-top: 500px;
}
.ios-header {
	text-align: center;
	height: 80px;
}
.ios-header > h4{
	font-size: 24px;
	height: 60px;
	line-height: 50px;
}
.ios-footer, .single-footer {
	padding: 0;
	border-top: none;
}
.ios-footer > button, .single-footer > button {
	color: #18adef;
	border: none;
	width: 49%;
	box-sizing: border-box;
	background: transparent;
	font-size: 22px;
	margin-left: 0 !important;
}
.ios-footer > button{height: 60px;}
.ios-footer > button + button {
	border-left: 2px solid #e5e5e5;
}
.ios-footer > button + button:hover {
	border-left: 2px solid #e5e5e5;
}
.ios-footer > button:hover, .ios-footer > button:active, .ios-footer > button:focus,
 .single-footer > button:hover, .single-footer > button:focus, .single-footer > button:active {
	background: transparent !important;
	color: #48c5fc !important;
	border-color: #e5e5e5;
}

.single-footer > button {
	width: 100%;
	padding: 16px 0;
	border-top: 2px solid #e5e5e5;
}
.single-footer > button:hover {
	border-top: 2px solid #e5e5e5;
}


/*
.message-list div.file {
  width: 500px;
  border: 2px solid #464646;
  display: inline-block !important;
  padding:0 10px 0px 70px !important;
}
.message-list div.file.file2 {background: url(../img/news_public/files_1.png) no-repeat 15px center #ffffff;}
.message-list div.file > p {
	text-align: left; overflow: hidden;text-overflow: ellipsis;
  margin: 0px; font-size: 16px; line-height: 16px;width: 100%; white-space: nowrap;
}
.message-list div.file > p[title='test.txt']{font-size: 24px;line-height: 30px;}*/



.message-list div.file { border: 2px solid #d9d9d9;display: inline-block;height: 170px;width: 460px;position: relative;border-radius: 10px;;}
.message-list .me div.file{margin: 0 20px 0 0;}
.message-list .other div.file{padding: 0px !important;margin: 0 0px 0 20px;}

.message-list .me div.file.file5 {background: url(../img/news_public/files/video.png) no-repeat 15px 20px #2daef3;;}
.message-list .me div.file.file2 {background: url(../img/news_public/files/txt.png) no-repeat 15px 20px #2daef3;;}
.message-list .me div.file.file2.f {background: url(../img/news_public/files/file.png) no-repeat 15px 20px #2daef3;}
.message-list .me div.file.file2.p {background: url(../img/news_public/files/p.png) no-repeat 15px 20px #2daef3;}
.message-list .me div.file.file2.pdf {background: url(../img/news_public/files/pdf.png) no-repeat 15px 20px #2daef3 !important;}
.message-list .me div.file.file2.w {background: url(../img/news_public/files/w.png) no-repeat 15px 20px #2daef3;}
.message-list .me div.file.file2.x {background: url(../img/news_public/files/x.png) no-repeat 15px 20px #2daef3;}
.message-list .me div.file.file2.others {background: url(../img/news_public/files/other.png) no-repeat 15px 20px #2daef3 !important;}
.message-list .other div.file.file2 {background: url(../img/news_public/files/txt.png) no-repeat 15px 20px #ffffff;;}
.message-list .other div.file.file5 {background: url(../img/news_public/files/video.png) no-repeat 15px 20px #ffffff;;}
.message-list div.file >p{margin: 15px 0 0 110px ;word-wrap:break-word;font-size: 22px;color: #333333;line-height: 40px;width: 325px !important;max-height: 80px;;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.message-list div.file >div{width: 100%;height: 55px;border-top: 2px solid #d9d9d9;margin: 15px 0 0 0;;position: absolute;bottom: 0px;}
.message-list div.file >div p{color: #666666;font-size: 22px;line-height: 55px;margin: 0 0 0 20px !important;display: inline-block;}
.message-list div.file >div >span{font-size: 22px !important;color: #2daef3 !important;line-height: 55px;float: right;margin: 0 20px 0 0 !important;cursor: pointer;}
.message-list div.file.file2.f {background: url(../img/news_public/files/file.png) no-repeat 15px 20px #ffffff;}
.message-list div.file.file2.p {background: url(../img/news_public/files/p.png) no-repeat 15px 20px #ffffff;}
.message-list div.file.file2.pdf {background: url(../img/news_public/files/pdf.png) no-repeat 15px 20px #ffffff;}
.message-list div.file.file2.w {background: url(../img/news_public/files/w.png) no-repeat 15px 20px #ffffff;}
.message-list div.file.file2.x {background: url(../img/news_public/files/x.png) no-repeat 15px 20px #ffffff;}
.message-list div.file.file2.others {background: url(../img/news_public/files/other.png) no-repeat 15px 20px #ffffff !important;}
.message-list div.file.file3 {background: url(../img/news_public/files/pic.png) no-repeat 15px 20px #ffffff;;}
.message-list div.file.file4 {background: url(../img/news_public/files/audio.png) no-repeat 15px 20px #ffffff;;}
.message-list div.file.file5 {background: url(../img/news_public/files/video.png) no-repeat 15px 20px ;;}
.message-list div.file .finish{display: block ;}
.message-list div.file .progress{background: white; display: none ;}
.message-list div.file .progress .progress-bar{height: 2px;background: #2daef3;position: absolute;top: -2px;}
.message-list div.file .progress >p{float: left !important;width: 200px !important;margin: 0 10px 0 0 !important;position: absolute;left: 20px;}

.message-list .me div.file .progress{background: #2daef3;overflow: none !important}
.message-list .me div.file .progress .progress-bar{background: #2DAEF3;height: 2px !important;position: relative;top: -1px; float: left;min-height: 2px;z-index: 5;}
.message-list .me div.file .progress p .sr-only{margin: 0px !important;display: inline-block !important;;position: static !important;font-size: 22px !important;width: 75px !important;height: 55px !important;text-align: left;}
.message-list .me div.file >p{color: white !important;}
.message-list .me div.file >div p{color: white !important;;}
.message-list .me div.file >div >span{;color: white !important;}
/*.message-list .me div.file .progress .sr-only{display: inline-block !important;}*/
.message-list .other div.file > p{    margin: 15px 0 0 110px !important}
.message-list .other div.file > p>span{margin: 0px !important;display: inline !important;font-size: 22px !important;}
.message-list .other div.file .progress p .sr-only{color: #666;margin: 0px !important;display: inline-block !important;;position: static !important;font-size: 22px !important;width: 75px !important;height: 55px !important;text-align: left;}
.message-list .other div.file >div p{}
.message-list .other div.file >div >span{;}
.message-list .other div.file >div { width: 100%; height: 55px; border-top: 2px solid #d9d9d9; margin: 0px !important;;bottom: 0px;padding: 0px !important;position: absolute;bottom: 0px;left: 0px;border-radius: 0px !important;}

.message-list .other div.file .finish >p{color: #2daef3 !important;}
.right_key{position: absolute;width: 160px !important;height: 130px !important;background: #ffffff;top: 10px;box-shadow: 0px 0px 10px 2px #333 ;z-index: 4;}
.right_key> p{line-height: 40px !important;width: 150px !important;font-size: 18px !important;color: #8d8d8d !important;margin: 0px !important;cursor: pointer;border-bottom: 1px #F0F0F1 solid;}
.right_key >p:last-child{border-width: 0px;}
.right_key >p> img{height: 16px;margin: 10px 13px 13px 13px !important; }
.message-list div.file > .right_key> p{line-height: 40px !important;width: 150px !important;font-size: 18px !important;color: #8d8d8d !important;margin: 0px !important;cursor: pointer;}
.message-list .me div.file >.right_key> p{line-height: 40px !important;width: 150px !important;font-size: 18px !important;color: #8d8d8d !important;margin: 0px !important;cursor: pointer;}
